@tailwind base;
@tailwind components;
@tailwind utilities;

html {
	scroll-behavior: smooth;
	user-select: none;
}

/* body {
	background-color: #f9f9f9;
	font-family: LXGW WenKai;
}  */

/* 小盒子自适应 */
@layer components {
	.small-main {
		@apply w-full md:w-[90%] lg:w-[900px]  mx-auto px-3 mt-5;
	}
	.big-main {
		@apply w-full md:w-[90%] xl:w-[1200px] lg:w-[960px] mx-auto px-3 mt-5;
	}
	.text-shadow {
		text-shadow: 0 0 10px #000;
	}
	.baner-text {
		@apply text-lg md:text-xl lg:text-2xl xl:text-3xl text-shadow text-white text-center font-bold tracking-widest;
	}
	.btn-purple {
		@apply border  py-[2px] px-3   bg-purple-500 border-purple-500 hover:border-purple-600 text-white hover:bg-purple-600  rounded-sm;
	}

	.btn-purple-disabled {
		@apply border  py-[2px] px-3 cursor-not-allowed   bg-purple-300 border-purple-300 hover:border-purple-400 text-white hover:bg-purple-400  rounded-sm;
	}

	.btn-green {
		@apply border py-[2px] px-3  bg-green-500 border-green-500 hover:border-green-600 text-white hover:bg-green-600  rounded-sm;
	}
}

/* 修改mardown样式 */
.dark .tip,
.dark .details {
	color: black;
}
.dark .warning {
	color: #fff !important;
}
.dark .warning .v-md-plugin-tip-title {
	color: #fff !important;
}

img[src=''],
img:not([src]) {
	opacity: 0;
}
